<!--
 * @Author: weikang
 * @Description:
 * @Date: 2023-12-22 23:13:35
 * @LastEditTime: 2023-12-23 12:58:44
 * @FilePath: \env-manager-pc\src\views\statistics\data_err\index.vue
-->
<script setup lang="ts">
const tableData = ref([])
</script>

<template>
  <div>
    <PageHeader>
      <template #content>
        <ElForm label-width="100">
          <ElRow>
            <ElCol :span="6">
              <ElFormItem label="管理机构">
                <ElSelect class="w-full">
                  <ElOption label="企业1" value="1" />
                  <ElOption label="企业2" value="2" />
                </ElSelect>
              </ElFormItem>
            </ElCol>
            <ElCol :span="6">
              <ElFormItem label="企业名称">
                <ElInput />
              </ElFormItem>
            </ElCol>
            <ElCol :span="6">
              <ElFormItem label="异常类型">
                <ElSelect class="w-full">
                  <ElOption label="企业1" value="1" />
                  <ElOption label="企业2" value="2" />
                </ElSelect>
              </ElFormItem>
            </ElCol>
            <ElCol :span="6">
              <ElFormItem label="发生时间">
                <ElDatePicker type="date" />
              </ElFormItem>
            </ElCol>
            <ElCol :span="6">
              <ElFormItem label="运维公司">
                <ElSelect class="w-full">
                  <ElOption label="企业1" value="1" />
                  <ElOption label="企业2" value="2" />
                </ElSelect>
              </ElFormItem>
            </ElCol>
            <ElCol :span="6">
              <ElFormItem label="设备编码">
                <ElInput />
              </ElFormItem>
            </ElCol>
            <ElCol :span="6" :push="12" class="flex flex-justify-end">
              <ElButton type="primary">
                查询
              </ElButton>
              <ElButton type="warning">
                导出
              </ElButton>
            </ElCol>
          </ElRow>
        </ElForm>
      </template>
    </PageHeader>
    <PageMain>
      <el-table :data="tableData">
        <el-table-column prop="date" label="序号" type="index" width="150" />
        <el-table-column prop="date" label="机构" />
        <el-table-column prop="date" label="运维公司" />
        <el-table-column prop="date" label="企业名称" />
        <el-table-column prop="date" label="设备编码" />
        <el-table-column prop="date" label="异常类型" />
        <el-table-column prop="date" label="发生时间" />
        <el-table-column prop="date" label="恢复时间" />
        <el-table-column prop="date" label="时长（分钟）" />
      </el-table>
    </PageMain>
  </div>
</template>
